<template>
  <div class="report-container">
    <div class="heaer-section flex">
      <div class="left-search">
        <Input search enter-button placeholder="搜索报表、报表描述" />
      </div>
      <div class="right-btns">
        <Button type="primary" class="mr10">添加报表</Button>
        <Button type="" class="pierced">添加分组</Button>
      </div>
    </div>
    <div class="report-group-wrap">
      <div class="group-item">
        <div class="group-item-head flex">
          <div class="left">人事档案</div>
          <div class="right flex">
            <div class="btn btn1">报表排序</div>
            <span class="line"></span>
            <div class="btn">收起</div>
          </div>
        </div>
        <div class="group-item-table">
          <Table width="100%" :columns="columns" :data="data4" class="table"></Table>
        </div>
      </div>
      <div class="group-item">
        <div class="group-item-head flex">
          <div class="left">人事统计</div>
          <div class="right flex">
            <div class="btn btn1">报表排序</div>
            <span class="line"></span>
            <div class="btn">收起</div>
          </div>
        </div>
        <div class="group-item-table">
          <Table width="100%" :columns="columns" :data="data4" class="table"></Table>
        </div>
      </div>

    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      columns: [
        {
          title: "报表名称",
          key: "name"
        },
        {
          title: "描述",
          key: "desc"
        },
        {
          title: " ",
          key: "action"
        }
      ],
      data4: [
        {
          name: "在职员工花名册",
          desc: "在职员工的人事信息表",
          action: "",
        },
        {
          name: "员工劳动合同签订情况",
          desc: "在职员工的劳动合同签订情况",
          action: "",
        },
        {
          name: "在职员工花名册",
          desc: "在职员工的人事信息表",
          action: "",
        }
      ]
    };
  }
};
</script>
<style lang="scss" scoped src="./index.scss">
</style>